<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/scripts/jquery-1.7.1.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/scripts/jquery.kwicks-1.5.1.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/scripts/jquery.easing.1.3.js"></script>
<script type="text/javascript">
	$().ready(function() {  
    $('.kwicks').kwicks({  
        max: 400, 
        space:5,
        duration: 500
    });  
});  
</script>
<style type="text/css">
ul.kwicks {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
}

.kwicks li {
	width: 200px;
	float: left;
	display: block;
	overflow: hidden;
	border-left:none;
}
</style>

</head>
<body>
	<!-- 图片最好一半图片，一半文字 -->
	<ul class="kwicks">
		<li id="kwick1"><img src="test/1.jpg" />
		</li>
		<li id="kwick2"><img src="test/2.jpg" />
		</li>
		<li id="kwick3"><img src="test/3.jpg" />
		</li>
		<li id="kwick3"><img src="test/4.jpg" />
		</li>
	</ul>
</body>
</html>